<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{$info['title']}</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
	<link rel="stylesheet" href="__PUBLIC__/Home/css/base.css">
	<link rel="stylesheet" href="__PUBLIC__/Home/css/index.css">
	<script src="__PUBLIC__/Home/js/base.js"></script>

</head>
<body>
	<!-- <header></header> -->
	<div class="s-div1">
		{$info['title']}
	</div>
	<ul class="s-ul1">
		<volist name="list" id="vo">
		<li class="s-li1">
			<if condition="$vo['orderid'] eq 0 ">
			<a href="{:U('Index/content',array('id'=>$vo['id'],'cateid'=>$vo['cateid']))}">
			<else />
			<a href="{$vo['url']}">
			</if>

				<switch name="vo.yu">
				    <case value="1"><div class="s-div2" style="background: rgba(245,193,76,1);"></case>
				    <case value="2"><div class="s-div2" style="background: rgba(204,140,229,1);"></case>
				    <case value="3"><div class="s-div2" style="background: rgba(219,159,156,1);"></case>
				    <case value="4"><div class="s-div2" style="background: rgba(123,187,120,1);"></case>
				    <default /><div class="s-div2">
				</switch>

					<p class="s-p1">{$vo['d']}</p>
					<p class="s-p2">{$vo['ym']}</p>
				</div>
				<div class="s-div3">{$vo['title']}</div>
			</a>
		</li>
		</volist>
	</ul>
	<footer>
		<ul id="test">
			<volist name="cate" id="vo">
				<if condition="($vo['id'] eq $_GET['cateid'])"><li class="active">
				<else /><li>
				</if>
					<if condition="$vo['type'] eq 1"><a href="{$vo['url']}">
					<else /><a href="{:U('Index/index',array('cateid'=>$vo['id']))}">
					</if>

					<img src="__PUBLIC__/Home/img/{$vo['id']}.png" alt="" class="s-img1">
					<span class="s-span1">{$vo['title']}</span>
					</a>
				</li>
			</volist>
		</ul>
	</footer>
	<script src="__PUBLIC__/Admin/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$("#test li").click(function() {
	        $(this).siblings('li').removeClass('active');// 删除其他兄弟元素的样式
	        $(this).addClass('active');// 添加当前元素的样式
	    })
	});
	</script>
</body>
</html>